import { IconProps } from "@/icons";

const SvgMoon = ({ size, ...props }: IconProps) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    stroke="currentColor"
    {...props}
  >
    <path
      d="M12.7696 11.665C13.4681 10.7615 13.8949 9.67776 14 8.54054C13.0992 9.20635 11.9894 9.52673 10.8724 9.44344C9.75541 9.36014 8.7054 8.87868 7.91336 8.08664C7.12132 7.2946 6.63986 6.24459 6.55656 5.12758C6.47327 4.01056 6.79365 2.90076 7.45946 2C6.32224 2.10509 5.23848 2.53189 4.33497 3.23045C3.43147 3.929 2.74559 4.87043 2.35761 5.94457C1.96962 7.0187 1.89557 8.18112 2.14412 9.29581C2.39267 10.4105 2.95354 11.4313 3.7611 12.2389C4.56866 13.0465 5.5895 13.6073 6.70419 13.8559C7.81888 14.1044 8.9813 14.0304 10.0554 13.6424C11.1296 13.2544 12.071 12.5685 12.7696 11.665Z"
      strokeWidth={1.5}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);
export default SvgMoon;
